<template>
<view class="status-navigator-wrap-component" :style="{ paddingTop: `${menu.top}px`}">
	<view :style="{ minHeight: `${menu.height}px`, height: `${menu.height}px`}">
		<slot></slot>
	</view>
</view>
</template>

<script>
export default {
	name:"status-navigator-wrap",
	data() {
		return {
			menu: {}
		}
	},
	mounted () {
		this.menu = uni.getMenuButtonBoundingClientRect()
	}
}
</script>

<style lang="less">
.status-navigator-wrap-component{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	
	>view {
		width: 100%;
	}
}
</style>